body,
a,
img,
em,
i,
div,
span,
h1,
h2,
h3,
h4,
ul,
li,
ol,
del,
input,
p,
strong {
	margin: 0;
	padding: 0;
}
input {
	outline: 0 none;
	border: 0 none;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	color: #f10215;
}
h1,
h2,
h3,
h4,
strong {
	font-weight: normal;
}
i,
em {
	font-style: normal;
}
img {
	border: 0 none;
	vertical-align: middle;
}
body {
	font: 12px/100% "微软雅黑";
	background-color: #f6f6f6;
}

.w {
	width: 1190px;
	margin: 0 auto;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}

/*初始代码结束*/

/*顶部通栏开始*/
.top {
	background-color: #e3e4e5;
	width: 100%;
	height: 30px;
	border: 1px #e3e4e5 solid;
	position: relative;
}
.top .position i.icon-dingwei {
	font-size: 16px;
	color: #f10215;
	float: left;
	line-height: 30px;
}
.top .position span {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.top .position {
	position: absolute;
	left: 208px;
}

.top .user {
	position: absolute;
}
.top .user ul {
	margin-left: 296px;
}

.top .user ul li {
	float: left;
	font-size: 12px;
	line-height: 30px;
}

.top .user span {
	float: left;
	width: 1px;
	height: 10px;
	color: #999;
	margin-top: 11px;
	margin-left: 12px;
	margin-right: 12px;
}

/*顶部通栏结束*/

/*头部模块开始*/
.header {
	position: relative;
	height: 140px;
	background-color: #ff22ff;
}
.header .logo {
	width: 190px;
	height: 171px;
	float: left;
	position: absolute;
	top: -31px;
}
.header .logo a {
	width: 190px;
	height: 171px;
	display: block;
	background: url(../images/logo.gif);
	text-indent: -999px;
}

.header .search-bar {
	width: 548px;
	height: 33px;

}
/*没写完*/
/*头部模块结束*/

/*中间内容开始*/
.bg {
	height: 480px;
	width: 100%;
	position: absolute;
}
.bg a {
	height: 100%;
	width: 100%;
	display: block;
	background-image: url("../images/bg.png");
	background-position: center center;
}

.main {
	height: 480px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.main .main-list {
	float: left;
	width: 190px;	
	height: 480px;	
	background-color: #6e6568;
}

.main .main-list ul {
	margin-top: 17px;
}

.main .main-list li {
	line-height: 28px;
	font-size: 14px;
	color: #fff;
	margin-left: 10px;
}

.main .main-list li a {
	color: #fff;
}

.main .main-list li:hover {
	background-color: rgba(0,0,0,.3);
}
.main .main-list li a:hover {
	color: #f10215;
}

/*轮播图*/
.main .banner {
	width: 790px;
	height: 340px;
	margin-left: 200px;
	background-color: #fff;
	position: relative;
}

.main .banner a {
	background-image: url("../images/banr.jpg");
	width: 790px;
	height: 340px;
	float: left;
}

.main .banner .sel {
	width: 184px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.3);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}

.main .banner .sel .get {
	background-color: #f10215;	
}

.main .banner .sel i {
	width: 12px;
	height: 12px;
	background-color: #fff;
	float: left;
	border-radius: 6px;
	margin-top: 4px;
	margin-right: 10px;
}
.main .banner .sel i:first-child {
	margin-left: 10px;
}

.main .banner .sel i:last-child {
	
	margin-right: 0px;
}

.main .banner .lun-l {
	width: 30px;
	height: 50px;    
    position: absolute;    
    background-color: rgba(255,255,255,.3);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.main .banner .lun-l .icon-fanhui {
	font-size: 30px;
	line-height: 50px;
	color: #fff;
}

.main .banner .lun-r {
	width: 30px;
	height: 50px;    
    position: absolute;    
    background-color: rgba(255,255,255,.3);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.main .banner .lun-r .icon-gengduo {
	font-size: 30px;
	line-height: 50px;
	color: #fff;
}

.main .banner:hover .lun-l,
.main .banner:hover .lun-r {
	display: block;
}
.main .banner:hover .lun-l,
.main .banner:hover .lun-r {
	display: block;
}

.main .banner .lun-l:hover {
	background-color: rgba(255,255,255,.5);
}

.main .banner .lun-r:hover {
	background-color: rgba(255,255,255,.5);
}

.main .b-l {
	width: 390px;
	height: 130px;	
	margin: 10px 10px 0px 10px;
	float: left;
}

.main .b-l a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/食品饮料.png);
}

.main .b-r {
	width: 390px;
	height: 130px;	
	margin-top: 10px;
	float: left;
}

.main .b-r a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/人丑多读书.jpg);
}

.main .user-info {
	width: 190px;
	height: 480px;	
	float: right;
}

.main .user-info .user-goin {
	width: 190px;
	height: 115px;
	border-bottom: 1px #e6e6e6 solid;
	background-color: #fff;
	position: relative;
}

.main .user-info .user-goin .user-img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.main .user-info .user-goin .user-img a {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	position: absolute;
	background-image: url("../images/no_login.jpg");
	background-size: 40px;
}

.main .user-info .user-goin span {
	position: absolute;
	top: 23px;
	left: 69px;
}

.main .user-info .user-goin .user-new {
	top: 44px;
	left: 69px;
	position: absolute;
}

.main .user-info .user-new a {
	color: #000;	
}

.main .user-info .user-new a:hover {
	color: #f10215;
}

.main .user-info .fuli {
	position: absolute;
	left: 5px;
	bottom: 16px; 
	width: 100%;
	height: 26px;
}

.main .user-info .fuli a {
	width: 70px;
	height: 20px;
	border: 2px #f10215 solid;
	margin-left: 10px;
	float: left;
	color: #f10215;
	text-align: center;
	line-height: 20px;
}

.main .user-info .news {
	width: 160px;
	height: 154px;
	background-color: #fff;
	position: relative;
	padding: 0px 15px;
}

.main .user-info .news .news-title {
	width: 100%;
	height: 26px;
	border-bottom: 1px solid #e6e6e6;
	float: left;	
	position: relative;
}

.main .user-info .news .news-title a {
	color: #000;
	font-size: 11px;
	float: left;
	margin-top: 10px;
}

.main .user-info .news .news-title a:hover {
	color: #f10215;
}

.main .user-info .news .news-title i {
	width: 1px;
	height: 17px;
	background-color: #e6e6e6;
	float: left;
	margin: 7px 12px 3px;
}

.main .user-info .news .news-title .more {
	color: #666;
	margin-left: 60px; 
}

.main .news .news-content {
	float: left;
	height: 127px;
}

.main .news .news-content ul {
	margin-top: 7px;
}

.main .news .news-content li {
	height: 25px;
	display: block;
}
.main .news .news-content li a {
	font-size: 11px;
	line-height: 25px;
	display: block;
	color: #666;
}

.main .news .news-content li a:hover {
	color: #f10215;
}

.main .icon {
	width: 190px;
	height: 210px;
	position: relative;
	background-color: #fff;
}

.main .icon li {
	width: 47px;
	height: 69px;
	border-top: 1px #e7e7e7 solid;
	border-right: 1px #e7e7e7 solid;
	float: left;
	/*margin: 0 auto;*/
}
.main .icon li:nth-child(4n) {
	width: 46px;
	border-right: 0 none;
}

.main .icon li a {
	width: 25px;
	height: 25px;
	background: url("../images/sprite_fs@1x.png");
	display: block;
	margin: 13px auto;
	/*margin-bottom: 8px;*/
}

.main .icon li:hover {
	background-color: rgba(0,0,0,.2);
}

.main .icon li:hover span {
	color: #f10215;
}

.main .icon li span {
	color: #666;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	display: block;
	margin-top: -5px;
}

.main .icon li:nth-child(2) a {
	width: 25px;
	height: 25px;
	background: url("../images/sprite_fs@1x.png") 0px -44px;	
}

.main .icon li:nth-child(3) a {
	width: 25px;
	height: 25px;
	background: url("../images/sprite_fs@1x.png") -88px -44px;	
}

.main .icon li:nth-child(4) a {
	width: 25px;
	height: 25px;
	background: url("../images/sprite_fs@1x.png") -88px 0px;	
}

.main .icon li:nth-child(5) a {
	width: 25px;
	height: 25px;
	background: url("../images/sprite_fs@1x.png") -132px 0px;	
}
/*中间内容结束*/

/*秒杀模块开始*/
.miaosa {
	height: 305px;
	margin-top: 10PX;
	position: relative;	
}

.miaosa .miaosa-title {
	height: 55px;
	width: 100%;
	background: url("../images/seckill_hd.png");
	position: relative;
}

.miaosa .miaosa-title .jiao {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
	background: url("../images/sprite_index@1x.png") -193px -52px;
}

.miaosa .miaosa-title .zhong {
	position: absolute;
	width: 35px;
	height: 40px;
	top: 8px;
	left: 30px;
	background: url("../images/sprite_index@1x.png") 0px -40px;
}

.miaosa .miaosa-title .jd-ms {
	font-size: 22px;
	line-height: 22px;
	position: absolute;
	top: 16px;
	left: 73px;
	color: #fff;
}

.miaosa .miaosa-title .low {
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	top: 26px;
	left: 187px;
	color: #fff;
}

.miaosa .miaosa-title  .gduo {
	width: 16px;
	height: 16px;
	position: absolute;
	border-right: 8px;
	background: url(../images/sprite_index@1x.png) -154px -40px;
	top: 23px;
	left: 319px;
}

.miaosa .miaosa-title .time {
	width: 290px;
	height: 55px;
	position: absolute;
	right: 0px;	
}

.miaosa .miaosa-title .time .t-q,
.miaosa .miaosa-title .time .buy-end {
	font-size: 12px;
	color: #fff;
	top: 27px;
	left: 0px;
	position: absolute;
}

.miaosa .miaosa-title .time .buy-end {
	left: 208px;
}

.miaosa .miaosa-title .time .hour,
.miaosa .miaosa-title .time .min,
.miaosa .miaosa-title .time .sec {
	width: 35px;
	height: 37px;
	background-color: rgba(0,0,0,.7);
	position: absolute;
	top: 10px;
	left: 63px;
	font-size: 20px;
	line-height: 37px;
	text-align: center;
	font-weight: bold;
	color: #f10215;
	border-radius: 5px;
}

.miaosa .miaosa-title .time .min {
	left: 109px;
}

.miaosa .miaosa-title .time .sec {
	left: 156px;
}

.miaosa .miaosa-title .time .dian-1,
.miaosa .miaosa-title .time .dian-2 {
	width: 4px;
	height: 12px;
	position: absolute;
	top: 22px;
	left: 101px;
}
.miaosa .miaosa-title .time .dian-2 {
	left: 148px;
}

.miaosa .miaosa-title .time .dian-1 .up,
.miaosa .miaosa-title .time .dian-2 .up,
.miaosa .miaosa-title .time .dian-1 .down,
.miaosa .miaosa-title .time .dian-2 .down {
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #000;
	float: left;
}

.miaosa .miaosa-title .time .dian-1 .down,
.miaosa .miaosa-title .time .buy-end .miaosa-title .time .dian-2 .down {
	margin-top: 4px;
}

.miaosa .miaosa-list {
	width: 100%;
	height: 226px;
	background-color: #fff;
	/*position: absolute;*/
	padding: 12px 0px;
}

.miaosa .miaosa-list ul {
	height: 100%;
}

.miaosa .miaosa-list li {
	float: left;
	width: 199px;
	height: 100%;
	border-right: 1px #999 solid;	

}

.miaosa .miaosa-list li:nth-child(5) {
	border-right: 0px;
}

.miaosa .miaosa-list li:last-child {
	width: 180px;
	height: 100%;
	border-right: 0px;
}

.miaosa .miaosa-list li:last-child a {
	background: url("../images/品类秒杀.jpg");
}


.miaosa .miaosa-list a .dd-b {
	position: absolute;
	bottom: 20px;
	right: 87px;
}

.miaosa .miaosa-list a .d-a,
.miaosa .miaosa-list a .d-b {
	float: right;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: red;
	margin-left: 6px;
}

.miaosa .miaosa-list a .d-a {
	background-color: #f10215;
}

.miaosa .miaosa-list a .d-b {
	background-color: #342a2d;
}


.miaosa .miaosa-list a .d-a {

}
.miaosa .miaosa-list li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.miaosa .miaosa-list li a .img {
	display: block;
	width: 130px;
	height: 130px;
	margin: 18px auto;
	background: url(../images/月饼.jpg);
}

.miaosa .miaosa-list li a .ying {
	display: block;
	width: 128px;
	height: 5px;
	background: url("../images/sprite_index@1x.png") -20px -15px;
	margin: 8px auto 0px;
}

.miaosa .miaosa-list li a .name {
	font-size: 12px;
	display: block;
	color: #999;
	line-height: 12px;
	text-align: center;
	padding: 0px 15px;
}

.miaosa .miaosa-list li a .rmb {
	margin-left: 15px;
	margin-top: 14px;
	display: block;
	text-align: center;
}

.miaosa .miaosa-list li a .rmb .da-q {
	font-size: 10px;
	color: #f10215;	
}

.miaosa .miaosa-list li a .rmb span {
	font-size: 14px;
	color: #f10215;
	font-weight: bold;
}

.miaosa .miaosa-list li a .rmb .x-q,
.miaosa .miaosa-list li a .rmb del {
	font-size: 10px;
	color: #999;
	
}
/*秒杀模块结束*/


/*footer开始*/
.footer {
	width: 100%;
	height: 620px;
	background-color: #eaeaea;
	position: relative;
}

.footer .border {
	width: 100%;
	height: 102px;
	border-bottom: 1px #dedede solid;
}

.footer .border ul {
	margin-left: 36px;
}
.footer .border li {
	float: left;
	margin-right: 90px;
	font-size: 19px;
	line-height: 102px;
	font-weight: bold;
}

.footer .border li:nth-child(4) {
	margin-right: 0px;
}

.footer .border li i {
	width: 36px;
	height: 43px;
	float: left;
	background: url(../images/ico_service.png);
	margin-top: 30px;
	margin-right: 9px;
}

.footer .border li:nth-child(2) i {
	background-position: 0px -42px;
}

.footer .border li:nth-child(3) i {
	background-position: 0px -85px;
}
.footer .border li:nth-child(4) i {
	background-position: 0px -128px;
}
.footer .user-help {
	height: 200px;
	border-bottom: 1px #e1e1e1 solid;	
}

.footer .user-help ul {
	float: left;
	width: 198px;
	margin-top: 16px;
}

.footer .user-help li {
	font-size: 12px;
	line-height: 22px;
	color: #666;
}

.footer .user-help li:first-child {
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
}

.footer .user-help li a {
	color: #666;
}

.footer .user-help .map {
	width: 195px;
	height: 146px;
	float: right;
	margin-top: 20px;
	background: url("../images/ico_footer.png") -3px -2px;
}

.footer .user-help .map .biaot {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
}

.footer .user-help .map .nr {
	font-size: 12px;
	line-height: 18px;
	padding-left: 9px;
	padding-right: 15px;
	margin-top: 17px;
	color: #666;
}

.footer .user-help .map .icon {
	font-size: 12px;
	line-height: 18px;
	float: right;
	color: #666;
}

.footer .user-help .map .icon .icon-gengduo {
	font-size: 12px;
	color: #666;
}

.footer .info {
	height: 316px;
	text-align: center;
}

.footer .info .links {
	font-size: 12px;
	line-height: 34px;
	margin-top: 7px;
}

.footer .info .links a {
	color: #666;
}

/*footer结束*/